<template>
  <p>===>SplitPane</p>
  <div class="split-pane-con">
    <wanglei-split-pane v-model="offset">
      <template #left>
        <div style="word-break: break-all">111111111111111111111111111111111</div>
      </template>
      <template #right>
        <div style="word-break: break-all">2222222222222222222222222222222222222222</div>
      </template>
    </wanglei-split-pane>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
export default defineComponent({
  setup() {
    const offset = ref(0.5)
    return {
      offset
    }
  }
})
</script>

<style scoped>
.split-pane-con {
  width: 400px;
  height: 200px;
}
</style>
